JAVA Serio 


تاليف + مود العنزي 


NnAZOUSNIT UOVANOOCOM 


الدرس الاول 
بسم الله الرحمن الرحيم 
نشأة الجافا سكربت :- 


ظهرت فی العام ۱۹۹٩‏ م حیت کان يطلق علیها في البدایه لایف سکربت 
Live Script‏ 


المتطلبات لكتابه الكود المفكره او اي محرر نصوص أخر 
الكتله النصيه للجافا :- 

تكون على الشكل التالي 

<SCRIPT> 


--!< 


<--/ | 
<SCRIPT/> 


مع الملاحظه ان في بدایه الکتله تبدا هکذا >5٥0۸1۴۲<‏ وفي نهایتها لابد من 
إضافه / لها < >SCR1۲۴۲/‏ 


ويتم ادخل الكود الفعلي بين السطرين الذان يبدائان ب <!-- و //--> 
استدعاء داله التحذیر :- 


باختصار هي الداله التي عن دخولك للموقع تظهر لك مثل هل ترشحني 
لاقضل موفع 


او الترحیب بكم في زیاتکم لموقعه وهکذا 

ومتالها :- 

<SCRIPT> 

--!< 

etاa("اهلا‏ وسهلا بكم في منتديات الحزم الاسلاميه")؛ 
/|/--< 


<SCRIPT/> 


وعند كتابتك لهذا النص عند زيارتك للموقع سوف تظهر لك هذا الرساله 


لاحظ علامات التنصيص لابد من وحودها في بدايه النص وفي نهايته 


ولاحظ وحود الغاصله المنقوطه في اخر النص ويجب استخدامها في نهايه 
اي حمله 


ملاحظه :- 

في لغه حافا سکربت هھاهز تختلف عن 3۸۷۸ متال لو استخدمت فی المنال 
السابق ۴۲۲٥اج‏ وکتبتها انت حروقف کبیره لن يستجیب لك داله ۲۲‌اھ 
وعند اضافه // او /* و */ وهذه الرموز تغفيدك لكتابة التعليقات 
<SCRIPT>‏ 

--!< 

hhhhhhhhhhhhhhh* / 

hhhhhh 

/*hhhhhhh 

‘("alert("Zazm 

hhhhhhhhhhhh/ / 

<--I1| 


<SCRIPT/> 


لاحظ التعليقات لابد ان تبدا ب /* وتنتهي */ او تضع // فقط 
الكلمات الرنيسيه :- 
وهی حزء لا يتجزء من لغه حافا سکربت 


break - do - function - null - typeof - case - else - if - return - var - 
continue - export 


import - switch - void - default - false - in - this - while - delete - for 
- new - true - with 


المتغيرات :- 


وتعتبر بمثابه المکان الذي فيه تخزن البیانات من احل استخدامه 
في اي برنامج یتم انشاؤه باستخدام حافا سکربت 


عند تسميتك للمتغير لابد ان يبدا بحرف لاتيني وبامكانك تستخدم الشرطه 
التحتيه في اسم المتغير 


اسم المتغير لا يبدا برقم 

متال لاسماء متغیرات صحیحه 

JaVa 

Ja_VA 

java123 

متال لاسماء متغیرات خاطنه :- 

hhhhk 

m88AA 

قم بانشاء متغیر حدید باستخدام الکلمه الرئیسیه "۲ھ" 
<SCRIPT>‏ 

--!< 

‘"var message="first java 
‘("alert("message 

<--I1| 


<SCRIPT/> 


انواع البيانات :- 
تعتبر لغه حافا سکربت بمتابه لغه صعبه في عمليه الکتابه 


قان متغیراتها تقوم تخزين الارقام والسلاسل الحرفيه سواء اکانت ع٥ںا٤‏ او 
false‏ 


<SCRIPT> 


--!< 


var a=0.06 

‘"var b = "java script in easy steps 

svar c false 

‘(alert(typeof a + "\n" + typeof b + "\n" +typeof C 
<--I1| 

<SCRIPT/> 


المتال السابق یقوم بانشاء متغیرات ذات قیمه اولیه ثم یتم ارسالها الى داله 
QOalert‏ 


ویتم استخدام ۴گه‌عم را لعرض نتیجه بنوع البیانات الخاصه بها 


ويقوم الكود "+ /۸+" يقوم بعرض المخرحات الخاصه بکل قيمه في سطر 
حديد في مربع التحذير 


hخdخpgq“ Escape Sequences‏ :- 
عندما تسبق علامه الشرطه المانله "/" اي حرق في نص فان 
الحرق الذي يتبع هذه العلامه من نوع معين ومسئول عن احدات تاثير 


محدد ولا يتعبر هذا الحرف حزء من تركيب حاقا سكربت 


b/‏ -----------۔ حزق 

f/‏ -----------ادخال حرق 

n/‏ -----------سطر حدید 

r/‏ -----------علامه رحوع 

t/‏ ----------علامه حدوله 

/' ---------علامه اقتباس مفرده ولا تدل على انتهاء السلسله الحرفيه 
/" ---------علامه اقتباس مزوحه تشیر الى نهایه السلسله الحرفقیه 
1/ --------شرطه خلفيه واحده 


ویمکن الاستغاده منهما عن طریق دمجهما داخل سلسله النص دون انهاء 
النص نفسه 


منال 

‘(""\alert("aaaaa\"a9aaa 

الدوال :- 

وهي من اساسیات برمجه لغه الجاقا سکربت 
}()function call_alert‏ 

‘("alert("my first java script function 

{ 


یجب ان یکون الاسم متبوعا بقوسین () تم بزوج من الاقواس () والتي 
تحتوي على الكود المراد تنفيذه 


في المتال السابق اسم الداله ٤۲ماج_ااجع‏ 
والکود سوف یتم استدعاء الداله ٤e۲اھ‏ 
ویمکن لسمه "لھها"ه" الخاصه بعلامه الترمیز <8095¥> في ا1۲M1]‏ 


<"()JBODY ONLOAD="call_alert> 


وسائط الدوال :- 
۲ یستخدم کاسم متغیر یشتمل علی بیانات سلاسل حرفيه 
}(function call_alert(str‏ 

‘(alert(str 


: 


<"(" BODY ONLOAD="call_alert('passed value> 


-: الدوال المتعددة‎ 
}(function call_alert(num 
‘(var new_number= make_ double(num 


‘(alert("the value is" +new_number 


{ 
}(function make_double(num 
svar double_num=num+num 


‘return double_num 


{ 


<"(BODY ONLOAD ="call_alert(4> 


نطاق المتغيرات الخاصه :- 
var stored_num‏ 

}(function call_alert(num 
‘stored_num=num 

‘(make_ triple 

‘(alert("the value is" +stored_num 
{ 

}()function make_triple 


‘stored_num=stored_num +stored_num+stored_nun 


: 


<"(BODY ONLOAD ="call_alert(S5> 
-: الوسائط المتعدده‎ 
svar a,b,c 


}(function call_alert(str1.str2,str3 


‘a=str1 

sib=str2 

‘c=str3 

‘(alert(a+b+c 

{ 

يقوم هذا المتال بتعریف الداله التي تحتوې على تلاته وسائط 
ولذلك فان اي استدعاء لها یجب ان یحتوېي على تلات قيم 


يقوم بنقل تلات مجموعات من الاحرفق الى الداله 


انتهينا من الدرس الاول وللّه الحمد 
والان لازم تكون عرفت الاتي :- 
*** طریقه کتابه الکتله النصيه 
*** استدعاء داله التحذیر 
***الكلمات الاساسيه 

*** المتغيرات 

*** انواع البيانات 

Escape Sequences pgglغh‎ *** 
الدوال‎ *** 

*** وسانط الدوال 

*** الدوال المتعدده 

*** المجال الخاص بالمتغير 
*** تعدد الوسائط 


الدرس الثاني وان شاء الله اعجبكم الدرس الاول :) 


معاملات التشغيل الرياضيه :- 


+ ====> الجحمع ربط السلاسل الحرفيه ببعضها البعضص 


% ===> باقي القسمه 

++ === > زیاده او رفع القیمه 

-- ===> انقاص او خفض القيمه 

++ و -- یقومان برفع او خغفض القیمه بالمقدار الذي تم تحدیيده 
a=b*c-d%e/f; \\ this is unclear‏ 
a(b*c)-((d%oe)/f); \\this is clear‏ 

svar addnum=20+30 

‘"var addstr ="love"+"Zazm 

svar sub=35.75-28.25 

‘var mul=8*50 

‘var mod=65°/02 

svar inc=5;inc= + +inc 

svar dec=5;dec=--dec 

"var result="Addunm is"+addnum+"\n 
"result +="Addstr is"+addstr+"\n 
"result +="Sub is"+sub+"\n 

"result +="Mod is"+mod+"\n 

"result +="Mul is"+mul+"\n 


"result +="Inc is"+inc+"\n 


"result +="Dec is"+dec+"\n 


:(alert(result 


-: معاملات التشغيل المنطقيه‎ 
Logical AND <=== && 
Logical OR <=== | | 
Logical NOT <=== 1! 


تستخدم معاملات التنشغيل المنطقيه مع المعاملات التي تحتوي على قيم 
حقیقه عں۲ا او false‏ 


والقيم التي يمكنها ان تتحول الى ع١ا‏ او مكا؟ 


& تقوم بالتحقق من صحه قیمتین ویقوم بعرض القیمه هں٤]‏ اذا تبت صحه 


والا فان معامل التشغيیل & يقوم بعرض قيمه عءاھ؟ 

| | یقوم بعرض ه٥ں٣]‏ اذا تبت صحه اي فیمه من القیمتین 

! یقوم بعرض ناتج اختبار او فحص القيمه المحدده لصحه المعامل او خطاه 
متال :- 


لو كان المتغير [a۷3‏ يحتوي على قيمه ٥ں‏ قان المتغير !3۷2[ يحتوي على 
قيمه عءاھ؟ 


ولافضل التطبيقات ان تكتبها بالشكل التالي ه3۷[=! وهذا يؤكد انه في كل 
خطوه يتم تغییر القيمه 


var a=true,b=false 

var test1=(a&&a); / /test both operands for true 
‘(var test2=(a&&b 

‘(var test3=(b&&b 

var test4=(a | | b); / /test either operand for true 
‘(var test5=(a| |b 


‘(var test6=(b | |b 


var test7=!a;var test8=!b; / /invert values 
"var result="AND\n 

‘result +="1:"+test1+"2:" +test2+"3:"+test3 
"result +="\n\nOR\n 

‘result +="4:"+test4+"5:" +test5+"6:"+test6 
‘result +="\n\n!\n7:" +test7 +"8:" +test8 
‘(alert(result 

معامل التشغيل الخاص بتعيين القيم :- 

معامل التشغيل (=) 

منال طا=ھ 

القيمه المساويه ا=ھ 

معامل التشغيل (=+) 

مثال ا=+ھ 

القيمه المساويه ا+ه=هج 

معامل التشغيل (=-) 

منال ا=-ھ 

القيمه المساويه ا-ه=هج 

معامل التشغيل (=* 

متال bا=*ھ‏ 

القيمه المساويه ا*ه=هج 

معامل التشغيل (=/) 

متال طا=/ھ 

القيمه المساويه طا/2a=هج‏ 


معامل التشغيل (=%) 


مثال ا=%ھ 

القيمه المساويه ا2%6=هھ 

متال :=- 

var a="JavaScript", b="code"; //assign string values 
a+=b; //concatenate strings and assign to 
a var c=8,d=4; / /assign integer values 
c+=d; //add numbers and assign result to 

c var e=7.5,f=2.25; / [assign float values 
e-=f; / [subtract f from e and assign result to 
e var g=8,h=4; //assign integer values 
g*=h; / /multiply numbers and assign result to 
g var i=8,j=4; //assign integer values 

i/=j; / [divide i by j and assign result to 

i var k=8,I1=4; / /assign integer values 
k°%=1I; //divide K by I and assign result to 
-=: معاملات التشغيل الخاصه بالمقارنه‎ 

== معناه التساوي 

!= معناه عدم التساوي 

< معناه اکبر من 

> معناه اقل من 

<= معناه اکبر من او يساوي 

>= معناه اقل من او يساوي 

متال :=- 


("var teststrings1=("JavaScript"= ="JavaScript 


("var teststrings2=("JavaScript"= ="javaScript 
‘(var teststrings1=(1.78==1.78 

‘(var teststrings2=(1.78!1=1.78 

‘(var teststrings1=(15<15 


‘(var teststrings2=(15>15 


ملاحظه := - 

عند المقارنه بين الكلمات الكبتل يختلف عن سمول متال 
("var teststrings1=("JavaScript"= ="JavaScript‏ 
هذه عباره صحیحه انهما متطابقین 

("var teststrings2=("JavaScript"= ="javaScript 


هذه عباره خاطنه والسبب في اختلاف حرف حي (3) في الاولی اتی کبیر 
وقي التانيه صغير 


معامل التشغيل الشرطي :=- 
يعتبر هو معامل المقارنه المفضل 


ویقوم باختبار شرطیي المعادله لاتبات صحتها او خطأها وعرض نتیجه ٥ں‏ او 
false‏ 


تم یقوم بتنفیذ عباره او اثنین طبقا لنتیجه الاختبار 
والتركيب الخاص لهذه هو :=- 
‘test expression)?if true do this: if false do this)‏ 


يمكنك هذا المعامل من تشغيل دوال اللغه الخاصه بمتصفح ويب معين 
والذي يسير وفق برنامج تحديد 


var browser=browserID; / /Internet Explore or Netscape 


؛()browser=‎ ="TIE")?greetIEuser():greetNNuser) 


2K 5K 5K 5K 5K XK 3K 3K 5K XK 2K 5K 2K 3K 3K 2K 3K 2K 3K 3K 3K 3K 2K 3K 3K 2K 3K 2K 3K 3K 3K 2K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 5K 3K 5K 3K 5K 3K 


الى هنا ينتهي الدرس الثاني وان شاء الله نلقاكم في درس حديد انتظرونا 


الدرس التالث ارحوا انکم تستفیيدوا منه 
عبارة ۴أ¡ الشرطيه :=- 

ترکیبتها :- 

‘if(test expression)statement to execulte when true 
/ مثال‎ 

var msg,num 

‘num=7 

3(if(num®%2!=0 

:‘".msg="This is an odd number 
‘(alert(msg 

{ 


المتال السابق يتم اختبار معامل باقي القسمه (%) لتحديد اذا كانت القيمه 
الموحوده فی المتغیر ۸1۸7" 


تقبل القسمه على ۲ ام لا 


*** ولاستخدام التركيب السابق للتاكد من ان الرقم فردي استخدم 
(num(%2==‏ 


منال يوضح الامر الخاص ب أ 


svar username=null 
}(if(username= =null 


:(""."username= prompt("please Enter Your Name 


‘(if(username!="")alert("welcom" +username 


عندما تنفذ المتال السابق سوف يظهر لك مربع يطلب منك دخول اسمك تم 
بعد ذلك یكتب لك عباره ترحیب 


بالاسم الذي انت ادخلته 


العبارات البرمجيه ٥عءاع-f‏ :=- 

ويعرف ايضا بالتقسيم الشرطي 

‘if(test expression)do this;else do this 

لاحظ لا بد من وحود فاصله منقوطه قبل کلمه عءام 
‘var num=2,bool=false‏ 

‘(if(num= = 1&&bool= =1)alert("TEST1 bool:" +bool 
else 

‘(if(num= =2&&bool= =1)alert("TEST2 bool:" +bool 
else 

‘(if(num= = 2&&bool= =0)alert("TEST3 bool:" +bool 
else 


‘(if(num= =3&&bool= =0)alert("TEST4 bool:" +bool 


العبارة البرمجية أZ†آسء‏ :=- 

تقوم بالتحقق من صحه الشرط نم تقدم عنوانا يتلانم مع القيمه الناتجه 
وتستخدم الکلمه الرئیسيه ٥هھcء‏ في تحدید العنوان 

وتستخدم الکلمه الرنیسیه اه۴ هل في تحدید الکود الافتراضي 

ویجب ان تکون نهایه کود العنوان بالکلمه )٥۲ط‏ 


svar nun=2 


}(switch(num 

‘case 1:alert("This is case 1 code");break 
‘case 2:alert("This is case 2 code");break 
‘case 3:alert("This is case 3 code");break 
:("default:alert("This is default code 

{ 

- =: ۴٥۴١ نظام التکرار‎ 
‘for(initializer,test,increment)statement 


یستخدم ۲٥2اهآآم¡‏ في تحدید قیمه البدایه للعداد الخاص بحساب عدد 
مرات التکرار 


في الدورة وقد يستخدم المتغير لهذا الغرض كما انه يطلق عليه "1" 
عندما تکون الدورة صحیحه یستمر وعندما تکون خاطنه تتوقف الدورة 
كل دورة يزيد العداد 

svar a=0,b=0 

}(++for(var i=0; i<5; i 

‘a+=10;b+=5 

{ 

‘(alert("FOR LOOP\n\n A is" +a+"...B is"+b 

نظام التکرار ۴٥٣-1١‏ :=- 

؛""=var‎ 1=0;a 
}(or(property in window 


‘"..."+a+ = property 


: 


‘(alert(a 

نظام التکرار عeاآاW‏ :=- 

یتم الاختبار الى ان يصل ان عرض القیمه خطا 

تحذیر []*/*/*/ 

يقوم نظام التكرار اللانهائي باغلاق النص وتدمير المتصغح 
svar i=0,num= 50‏ 

}(while(i<15 

:--num 

++ 

{ 

‘(alert("LOOP stopped at" +i+ "\nnum is now" +num 
-=: D0-Wh¡اe نظام التکرار‎ 

تستخدم الکلمه الرنیسيه هل تدل علی نظام التکرار 
وتستمر دورة التکرار حتی تصبح النتیجه خاطنه 
‘var i=0,num=50‏ 

}do 

:--num 

++ 

s(while(i<14{ 

‘(alert("LOOP stopped at" +i+ "\nnum is now" +num 
-=: Bea) العبارة البرمجيه‎ 

svar i=0 

}(while(i<6 


‘if(i==3) break 


++i 

{ 

‘(alert("BREAK\n\nLoop stopped at" +i 
-=: CONTINUE aıجaربلl العبارة‎ 
تستخدم فى انهاء الدورة الحاليه‎ 
:""=var i=0,str 

}(while(i<5 

++i 

‘if(i==3)continue 

""+str += 

{ 


:(alert("CONTINUE\n\nLoop stopped:" +i+ "\n\nSeries:"+str 


استخدام البرمجیه W1‏ :=- 


تستخدم للاشاره الى خصائص الكائن دون الحاحه الى اضافه اسم الكائن 
قبل اسم الخاصيه 


متال :=- 


تحتوي صفحات الویب علی الکاتن "٤٣٤‏ cu‌هل‏ الذي يحتوي على الخاصه 
6 للاشاره الى النماذج 


الموحوده في صفحه الویب 
"document.forms.order.user.value="7Zazm‏ 


"document.forms.order.city.value="ksa 


-=: متال‎ 
}(with(document.forms.order 


user.value= "Zazm 


‘"city.value= "ksa 


: 


2K KK 5K 3K 3K 3K 3K 3K 3K 2K XK 3K 3K 3K 2K 3K 2K 3K 3K 2K 3K 3K 3K 3K 3K 3K 2K 2K 3K 5K 3K 3K 3K 3K 3K 2K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 5K 5K 3K 


اتمنی ان ينال الدرس علی اعجابکم 
واکون قد وفقه في توصيله الیکم 
السلام علیکم ورحمه الله وبرکاته 


اسف حدا على التاخیر في الدرس بسبب الدراسه وفقنا الله وایاکم لما یحبه 
ویرصضصی 


وبقی علینا عشره دروس ونکمل دروس الجافا التي عددها ۱٤‏ درسا 
نبدا بالدرس الرابع اليوم :=- 


بسم الله الرحمن الرحيم 


2K 5K 5K 5K 5K 2K XK 2K XK 2K 5K 2K 5K XK 2K XK 2K 2K 3K 2K 3K 2K 5K 3K 2K 5K 2K 3K 2K 3K 2K 3K 3K 3K 3K 3K 3K 3K 3K 3K 2K 3K 3K 3K 3K 2K 3K 2K 3K 3K 3K 5K 5K 3K 
3K XK 5K 


انشاء المصفوقات :=- 

يتم التعامل مع المتغیر على انه مصفوفه تستخدم اولا الکلمه الرئیسیه ٣٥۷‏ 
في لغه حافا سکربت مع المنشی»ء 0۸۲۲۵۷ 

ویمکن تحدید انواع متعدده من البيانات في المصغفوفه بتحدید 

اسم المصفوقه تم رقم الفهرس الذي يبدا بصغفر 

Ovar a=new Array 

‘"a[0]="First 

‘"a[1]="JavaScript 

‘"a[2]="Array 

الان نلاحظ ان الغفهرس بدا من العنصر الصفر ورقم واحد يعتبر 


العنصر الثاني ورقم اثنين يعتبر العنصر الثالتن 


("var a=new Array("21st","22nd","23rd 
("svar b=new Array("Jan,","Feb,","Mar 
("var c=new Array("2001","2002","2003 
‘([alert(a[O0]+b[1]+c[3 


سوف تظهر لك داله التحذير ومكتوب فيها بالشكل هذا 


st Feb 2003۲)‏ 
مچ الانتباه ان رقم واحد عشریين قبل 51 نفس المتال السابق تكتب 
الان عرفت كيف تمت الطریقه اما فکرت لماذا خرج هذا الحل ام لا 


اللجواب بسيط حدا انظر الى الحرف ه ياخذ رقم صفر اذن ناخذ العنصر الاول 
منه وهو ٣٣اء‏ 


الحرف ط ياخذ رقم واحد اذن ناخذ العنصر الثاني منه وهو ط٥۴‏ 


الحرف » ياخذ رقم اثنين اذن ناخذ العنصر الثالثن منه وهو ٠۲۰۰۲‏ 


عناصر المصفوفه :=- 

يطلق على کل قیمه في المصفوفه اسم عنصر 

خاصية اوها تستخدم لتحديد عدد العناصر التي تشتمل عليها المصفوقه 
الخاصيه ٣اوہءا.ره١اa‏ تشير الى عدد العناصر في كائن المصفوفه 

مثال /// 

‘()var a=new Array 

:‘"a[0]="Much 

‘""a[1]="More 


‘"a[2]="JavaScript 


‘var arraysize=a.length 


(‘alert(a[O0]+a[1]+a[2]+"\nNo.of elements is" +arraysize 


استخدام نظام التكرار لادخال قيم الى عناصر المصفوفه :=- 
"var str="FILL ELEMENTS LOOP\n\n‏ 

‘Ovar arr=new Array 

}(++for (var i=0;i<8;i 

‘"arr[i]="Number is" +i+"\n 

[str + =arr[i 

{ 


‘(alert(str 


اضافه المزيد من العناصر :=- 

لاضافه رقم الفهرس الفعلي استخدم الخاصيه array.Ilength‏ 

المثال يوضح تعيين الرقم الصحيح ٤‏ للعنصر التالي الذي لا يحتوي على قيمه 
وي المغوفه ۾ 

‘(var a=new Array(1,2,3 

a[a.length]=4 //a.length is 3 

‘(var b=new Array(5,6,7 

}(+ +for(var i=0;i<b.length;i 

[a[a.length ] = b[i 

{ 


‘((Qalert(a.concat 


سلاسل الاحرف الخاصه بالعناصر :=- 


)(arr a.m‏ تقوم بتحويل حميع عناصر المصفوفه الى مجموعه من 
السلاسل الحرفيه 


ويمكن ان تقبل الوسيط الاختياري لتحديد فاصل بديل للغاصله الافتراضيه 
‘()var a=new Array‏ 

‘"a[0]="It 

‘"a[1]="isn\'t 

‘"a[2]="rocket 

‘"-a[3]="science 

‘"a[4]="it\'s 

‘"a[5]="just 

‘"a[]6]="Java 

:(("")alert(a.join 

عكس الترتيب الخاص بالعنصر :=- 

لو کان هذا حزء من الکتله النصيه 
("var imgs=new Array("img1.gif","img2.gif","img3.gif‏ 
الناتج الصحيح هنا هو img3.gif-img2.gif-imng1.gif‏ 

img1.gif-img2.gif-I1n¬¬g93.gif ولس‎ 

مثال // 


("var imgs=new Array("img1.gif","img2.gif","img3.gif 
svar rev=false 

....Slideshow routine is displaying the final image so/ / 
‘rev = true 

}(if(rev= =true 


‘()Jimgs.reverse 


rev=false;} //remember to reset the test variable 


‘("-"alert(imgs.jJoin 


المصغوفات الفرعيه :=- 

مicا2.sاه()‏ تستخدم في عمل مصفوفه حدیده من المصفوفه الحالیه 
مثال // 

‘(var a=new Array(1,2,3,4,5,6,7,8 

‘(var b=a.slcie(2,5 

(var c=a.slice(1,-1 


‘(var d=a.slice(3 


ترتيب عناصر المصغوفه :=- 


)(rra2¥ sort‏ تستخدم بترتيب القيم الخاصه بعناصر السلاسل الحرفيه 
بطریقه ابجدیه 


مثال // 

‘(var integers=new Array(3,8,1,9,7,5,4,2,6 

‘(integers.sort(); var floats=new Array(0.5,0.125,0.57,0.25 
‘("floats.sort(); var strings=new Array("7Zazm","mohammad","ali 
‘Ostrings.sort 

"var str="SORT 

:‘"-"str +="\n\nIntegers array is" +integers.join 

‘"-"str +="\n\nFloats array is" +floats.join 

‘"-"str +="\n\nStrings array is" +strings.join 

‘(alert(str 


استخدام المصفوفه في التمهيد لعمليات التحميل الخاصه بالصور 
واستعراضها :=- 


<SCRIPT> 

--!< 

("var pics=new Array("pic1.gif","pic2.gif","pic3.gif 
؛()var‎ preload=new Array 

}(++for(var i=0;i<pics.length;i 

‘O(preload[i]=new Image 

[preload[i].src= pics[i 

{ 

<--/[ 


<SCRIPT/> 


المنال السابق استخدم تحمیل تلات صور حتی تكون حاهزه 
عند تشغيل التاثير الخاص بالعرض المتتالي هه الصور 


المصفوفه الاولى تحتوي على العنوان الخاص بملف الصورة 


السلام علیكم ورحمه الله وبرکاته 

نبدا الدرس الخامس 
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بسم الله الرحمن الرحيم 

3K 3K 3K 3K 3K 3K 3K 3K 3K 2K 2K 2K 3K 3K 2K 2K 3K 5K 2K 3K 3K 2K 2K 2K 3K 2K 2K 2K 3K 5K 2K 

تحديد الوقت والتاريخ بما يتناسب مع زمن الاستخدام :=- 


يتحدد الوقت والتاريخ اللذين يتم استخدامهما في لغه حافا سكربت من 
البرنامج الخاص 


بالساعه والتقويم الموحودين في النظام المضيف 


ولكي يمكنك الحصول على المعلومات الخاصه بساعه النظام يجب 


ان يقوم النص اولا بانشاء كائن عاجك 
‘(var now=new Date‏ 
‘(alert(now‏ 


سوف ارفق صوره توضح کیفیه ظهورها انظر الیها :-) 


المعلومات الخاصه بالتاريخ :=- 


et(ay‌و.عtەd‏ تقوم بعرض الیوم کقیمه مسلسله بدایه من السیت 
Saturday‏ بالقيمه صفغر 


وحتی القيمه 1 الجمعه yھه!۲؟‏ 
يعني هکذا 

اللسبت ااخذ القيمه صفر 
الاحد ياخذ القيمه واحد 
الاننين ياخذ القيمه اثنين 
الثلاناء ياخذ القيمه تلان 
الاربعاء ياخذ القيمه اربعه 
الخميس ياخذ القيمه خحمسه 


الجمعه پاخذ القيمه سادسا 


etMonth‌و.عtهd‏ تقوم بعرض الشهر کقیمه مسلسله بدايه من 
nuarهز‏ تاخذ القیمه صغر 

۱۱ تاخذ القیمه‎ december 
("var days=new Array("sat","sun","mon","tue","wed","thu","fri 


var mons=new 


Array("jan","feb","mar","apr","may","jun","jul","aug","sep","oct","n 
‘("ov","dec 


‘(var now=new Date 


‘()var yy=now.getYear 


[var mm=now.getMonth();mm= mons[mm 
‘()var dd=now.getDate 

‘[var dy=now.getDay(); dy=days[dy 
‘(alert(dy+""+dd+""+mm+""-+yy 


ملاحظه اي خطا بسيط في الكلته النصيه لن ينفذ المطللوب لذلك لاحظ كل 
قوس قمت بکتابته لاحظ الحروف 


انتبه من الاخطاء الاملائيه 


-=: المعلومات الخاصه بالوقت‎ 
‘(var now=new Date 

:()var hh=now.getHours 

‘(var mn=now.getMinutes 
‘()var ss=now.getSeconds 
‘()var ms=now.getMilliseconds 
‘"var hi="Good Morning 
‘"if(hh>11)hi="Good Afternoon 
‘"if(hh>17)hi="Good Evening 
"var tim=hi+"\n 

"tim + ="Hours:"+hh+"\n 
"tim + ="Minutes:"+mn+"\n 
‘"tim+ ="Seconds:"+ss+"\n 


‘(alert(tim 


التوقيت الحالي :=- 


etrime‌و.date()‏ تستخدم للمقارنه بین اثنین من الکاتنات الخاصه بالتاریخح 
من الناحيه العدیده 


؛()var‎ start = new Date 

؛()var‎ msec1=start.getTime 
svar num=0 

}(+ +for(var i=0;i<250000;i 
s++num 

{ 

‘(var stop=new Date 

؛()var‎ msec2=stop.getTime 
‘var diff=(msec2-msec1)/ 1000 


:("alert("Time elapsed:"+diff +"seconds 


2K 5K 2K 2K K 

ملاحظه // اذا کان متصفحك م -c۵ءعہ‏ قم بتقلیل عدد مرات التکرار من 
04۰ الى ***0 

2K 5K 2K 2K 


-=: Universal Time Clock ”JE التعرف‎ 


یعتبر ۲11۴ اھsامivمل‏ بمتابه التوقيت العالمي توقیت خط حرینتن: 


‘(var now=new Date 

:()var hh=now.getHours 

‘Ovar mn=now.getMinutes 
if(mn<=9)mn="0"+mn 

‘()var ss=now.getSeconds 

‘(var utc_hh=now.getUTCHours 


"var wet="athens time:"+hh+":"+mn+":"+ss+"\n\n 


svar utc="Universal time:"+utc_hh+":"+mn+":"-+ss 
‘(alert(wet+ utc 


يقوم المثال باستدعاء التوقيت المحلي للغرب الاوربي 


kkk 
ملاحظه / اذا کانت الدقائی اقل من عشره فان القیمه ستکون عباره عن رقم‎ 
واحد‎ 


ولذالك فان نص البرمجه سیقوم باضافه صغر الیها 
sk k‏ 


المنطقه الزمنيه :=- 


یمکن للغه حافا سکربت ان تحدد المنطقه الزمنیه التي ينتمي اليها 
المستخدم من خلال 


date.getTimeOffest aıنiتتll‎ 

‘(var now=new Date 

‘()var offset=now.getTimezoneOffset 
svar msg 

}(switch(offset 

‘case 240:msg="East Coast";break 
‘case 300:msg="Central";break 

‘case 360:msg="Mountain";break 
‘case 420:msg ="Pacific";break 
‘"default:msg="all 


{ 


‘(".alert("Welcome to"+msg+"visitors 


ادخال قيم لتحديد التاريخ والوقت :=- 


‘(var now=new Date 


"var orig="Original:\n"+now.toString()+"\n\n 
‘(now.setDate(21 

:(now.setMonth(1 

‘(now.setHours(12 

‘(now.setMinutes(30 

‘(now.setSeconds(15 

‘(now.setFullYear(2005 

svar mod="Modified: \n"+now 


‘(alert(orig + mod 


3K KK XK 


Strn9ئدا‏ تقوم بعرض قيمه عباره عن سلسله حرفيه 
K 5K K XK‏ 


اسلوب تخزين القيم الخاصه بكانن ءاھ :=- 

date.t0 GM String‏ تقوم بتحویل القیم الى سلاسل حرفیه وتقوم بتحویلها 
الى المنطقه الزمنيه M1‏ 

‘(var now=new Date 

"VAR jpn="Tokyo time:\n"+now.toString()+"\n\n 

‘OVAR gmt="UTC time:\n"+now.toGMTString 


‘(alert(jpn + gmt 


استخدام ساعة النظام :=- 
ساعه النظام یمکن استخدامها مع تقنیه غ0٤٣‏ !۲۲عs()‏ 
(window .setrimeout‏ تقوم باستخدام تقنیه من احل عرض مربع حوار 


التحذير في فتره تصل الى عشر تواني 


svar num=0 

}()function annoy 

s++num 

‘(alert("This is 10-Second Message No:"+num 
‘(window.setTimeout("annoy()",10000 


: 


‘(annoy 


الغاء المؤقت الزمني :=- 


svar num=0,tim 

}()function advise 

s++num 

3(if(num= =3 

‘(alert("Ok-Itold you twice"); window.clearTimeout(tim 
}else{ 

‘(alert("This is 10-Second Message No:"+num 
{؛(tim=window.setTimeout("advise()",‎ 10000 

{ 


‘(advise 


اهمیه نظام حافا سکربت في عه‌اع :=- 


<HTML> 


<"(JBODY ONLOAD="tick> 


<SCRIPT> 

--!< 

}(Ofunction tick 

‘()var now=new Date 

svar hh=now.getHours(); if(hh< =9)hh="0"+hh 

‘var mn=now.getMinutes(); if(mn< =9)mn="0"+mn 
‘var ss=now.getSeconds(); if(ss<=9)ss="O0"+ss 
svar tt=hh+":"+mn+":"+ss; document.f.clock.value=tt 
‘(window.setTimeout("tick()", 1000 

{ 

<--/ 1 

<SCRIPT/> 

<"FORM NAME="f> 

<"INPUT NAME="clock"TYPE="text"SIZE="10> 
<FORM/> 

<BODY/> 


<HTML/> 


انظر الى الصوره الثانيه توضيح لهذا المثال 
RRR‏ 

واللّه يوفقنا وایاکم لما يحبه ویرضا 

ونصر اخواننا المجاهدين في كل مکان 
اللهم آمين 

اخوکم 


حمود العنزي 

HMA2003H911@YAHOO.COM 

بسم الله الرحمن الرحيم 

نبد في الدرس السادس من دروس الجافا سكربت 

يحتوي كائنن 1اجN×‏ في لغة حافا سكربت على عدد من القيم 
الرياضية القياسية الثابتة لتسهيل الإشارة إليه 


وتستخدم الأحرف الكبيرة في الإشارة إلى هذه القيم الثابتة المدرحة في 
الجدول :=- 


الجدول فقط من غرض المعرفه لا غير :) 


ولکن الجدول سوف اقوم بارفاقه في الرساله التانیه بملف وورد ان احببت 
الاطلاع عليه :-) 


وتستخدم الثوابت فى الكانن 31× فقط في تطبیقات الخاصه بلغه حاف 
سکربت 

استخدام الثابت ۲1 :=- 

یيقوم الثابت 52۸.۲1 بانشاء امکانیات حیده وتاتیرات فعاله 

var pos=new Array(); //array for position data 

var xos=30,J0s=30; //xy coordinate offsets 

var rad=40; //radius of circle 

}(Ofunction init 

}(+ +for(var i=0;i<4;i 

pos[i]+=Math.PI1/45; //increment degrees 


‘(([var x=xos+(rad*Math.cos(pos([i 


‘(([var y=yos+(rad*Math .sin(pos[i 
‘(if(document.layers)document.layers[ "lyr" +i].moveTo(x,y 


(if(document.all 


:("eval("lyr"+i+".style.top=x;lyr" +i+".style.left=y 
{ 
‘(setTimeout("spin()", 100 


{ 


تقنیه sەc. Math‏ و Math.sin‏ تعتبر من مجموعه تقنیات الکانن Math‏ 


التقنيات الخاصه بالكائن Nat‏ :=- 


انظر الى الجدول الثاني المرفق في الرد الثاني (( مع الجدول الاول :-) )) 


تقريب الارقام :=- 


تستخدم تقنیه M21۲. هu ٣۵‏ فی تقریب الاعداد التي تشمل على علامه 
عشريه 


بحيث تصل الى اقرب رقم صحيح وايضا ابدال الاعداد العشريه الطويله 


الى اعداد اقصر 


متال :=- 

‘var a=7.5 

‘(a=Math.round(a 

‘"a="Rounded positive:"+a+"\n 
svar b=-7.5 

؛(b=Math.round(b‎ 

‘"b="Rounded Negative:" +b+"\n 
‘var C=3.764638467915 

c=c*100 //take it up two places 


c=Math.round(c); //do the round 


c/=100; //take it back down 2 places 

‘c="Commuted Long Float:"+c 

‘(alert(a+b+c 

2K 5K K XK 

ملاحظه // الرقم السالب لا يقربه الى الذي اکبر منه بل بالذي اقل منه 
في المتال السابق اراد تقریب ۷,٥-‏ تقریبھا هو -۷ 

2K 3K 2K XK 

تقريب الارقام السالبه والموحبه :=- 


تقنيه اآع). N31‏ وهي تقنيه تساعد على تقريب الرقم العشري الى اكبر 
روم صحیح 


تفنیه 3۸.1٥٥۴١‏ وهي تقنيه تساعد على تقريب الرقم العشري الى اصغر 
روم صحیح 


‘var a=7.5 

‘(var a1="a1:"+Math.ceil(a 

‘(var a2="a2:"+Math.floor(a 

svar b=-7.5 

؛(b=Math.round(b‎ 

‘(var b1="b1:"+Math.ceil(b 

(var b2="b2:"+Math.floor(b 

"var rup="ROUNDING UP\n"+a1+"\n"+b1+"\n\n 
svar rdn="ROUNDING DOWN\n"+a2+"\n"+b2 
‘(alert(rup+rdn 


KK 


عند تقريب القيم السالبه الى اقرب رقم صحيح قان التقريب يصل الى الصغفر 


2 KK 


مقارنه الارقام = 


التقنيه ×ھ1.۳ھ× تقوم بمقارنه قیمتین کوسیطین ثم تقوم بعرض القیمه 
الاكبر 


في الاتنين الغفرق بين القيمتين 

التقنيه ٣"٣.٣ةN‏ نفس السابقه ولكنها تقوم بعرض افل القیمتين 
سowم.Math‏ تستخدم لانشاء قیم مربعه ومکعبه للمقارنه 
‘(var sq=Math.pow(5,2‏ 

‘(var cb=Math.pow(3,3 

(var hi="Round up:"+Math.max(sq,cb 

‘(var lo="Round Down:"+ Math.min(sq,cb 

‘(var ng="Round Negative Up:" + Math.max(-5,-4.75 


:(alert("MAXMIN \n\n"+hi+"\n"+lo+"\n"+ng 


حصر القیمه بین عددین عشوانیین := - 


تقنیه 0۸7٣ھ۲. Mat‏ تستخدم لعرض قیمه عباره عن رقم عشري محصور 
بین ۰,* و اوه 


فاذا کان المضروب £ 

سیعمل على انشاء رقم عشوائي یتراوح بین ۰,* و ٤,۰‏ 
واذا كنت ترغب فی التقریب استخدم Math .cei|‏ 
rand1=Math.random‏ var)(؛‏ 

svar rand2=rand1*10 

‘(var rand3=math.ceil(rand3 


‘(var another= Math.ceil(Math.random()* 10 


الارقام العشوائيه :=- 


‘(var n=new Array(6 

{""= [for(var i=0ji<6;i+ + ){n[i 

3(""==[while(n[5 

‘(var j=Math.ceil(Math.random()*49 
‘if(n[0]=="")n[0]=]j 

else 

‘if(n[1]==""&&j!=n[01])n[1]=j 

else 

‘if(n[2]==""&&j!=n[0]&&j!=n[1])n[2]=j 

else 
‘if(n[3]==""&&j!=n[0]&&j!=n[1]&&j!=n[21)n[31]=j 
else 
‘if(n[4]==""&&j!=n[0]&&j!=n[1]&&j!=n[2]&&j!=n[3])n[4]=j 
else 


if(n[5]==""&&j!=n[0]&&j!=n[11&&j!=n[21]&&j!=n[31&&j!=n[41)n[5 
[=[؛‎ 


{ 

""=var str 

{""+[for(var i=0;i<6;1+ + ){str+ =n[i 
:(alert("LOCKY NUMBERS\n\n"+str 


XK XK 


عند تنفيذك لهذا المتال عند كل تحديث للصفحه يطلع لك رقم مختلف 


KK 


الصور العشوائيه :=- 


يتم ذلك من خلال علامه الترمیز و٣‏ لخاصه ب ۳۸٤٣1‏ وتحدیيد قیمه ٤ام‏ فقي 
سمه s۲‏ 


var pix=new 
Array("picO0.gif","pic1.gif","pic2.gif","pic3.gif","pic4.gif","pic51.gif"," 
‘("pic6.gif 

‘(var rand=Math.floor(Math.random()*7 


‘[document.images.pic.scr= pix[rand 


‘([document.write(rand +":"+ pix[rand 
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انتهينا من الدرس السادس وانتظروا الدروس المتبقيه 


اخوکم :=- حمود JaVa-ScRipT‏ 


hma2003h911@Qyahoo.com 
Math Jaڏدح‎ 
التابت ما يدل عليه‎ 
أساس اللوغاريتم‎ ٠ الثابت‎ Math.E 
الطبيعي الذي تبلغ فيمته‎ 
۲,۷۱۸۲۸ تقریبا‎ 
۲ اللوعاريتم الطبيعي لعدد‎ Math.LN2 
اللوغاريتم الطبيعي لعدد‎ Math.LN10 
١ + 
۲ اللوغاريتم الأاساس‎ Math.LOG2E 
للتابت ع‎ 
10 اللوغاريتم الأساس‎ Math.LOG10E 
للتابت ع‎ 
التابت ام‎ Math.PI 
القيمة المعكوسة للجذر‎ Math.SQRT1_2 
۲ التربيعي للاساس‎ 


Math.SQRT2 


الجذر التربيعي للأاساس ۲ 


التقنيات الخاصة بالكائن ۸ةM‏ :- الجدول 


الثاني © 


Math.abs() 
Math.acos() 


Math.asin() 
Math.atan() 
Math.atan2() 


Math.ceil() 
Math.cos() 


Math.exp() 
Math.floor() 
Math.log() 
Math.max() 
Math.min() 


Math.pow() 
Math.random() 


Math.round() 
Math.sin() 


Math.sqrt() 


Math.tan() 


عرض القيمة المطلفة 
یكون الناتج عبارة عن حيب 
تمام الزاویه 
یكون الناتج عبارة عن حيب 
الزاوية 
يكون الناتج عبارة عن ظل 
الزاوية 
نقل الزاوية من المحور × 
الى نقطة 


التقريب لأقرب عدد موحب 
يقوم بعرض فيیمه حیب تمام 
الزاوية 
الناتج عبارة عن أس تثابت ع 
التقريب لأقرب عدد سالب 
اللوغاريتم الطبيعي 
الناتج عبارة عن اكبر 
العدديين 
الناتح عبارة عن أصغر 
العدديين 
تقوم بعرض فيمه المقدرة 
الناتج عبارة عن رفم 
عشوائيی 
التقريب لأقرب عدد صحيح 
الزاوية 
الناتج عبارة عن الجدذر 
التربيعي 
الناتج عبارة عن ظل الزاويه 


السلام علیكم ورحمه الله وبرکاته 

اعتذر لتاخري في الدرس وذلك لاسباب الاختبارات 

نبدا فقي الدرس السابع 

بسم الله الرحمن الرحيم :=- 

2K K XK 3K KK XK 3K 5K 2K 2K 2K 3K 2K 2K KK 3K 3K 3K 3K 3K 2K 3K 3K 2K 2K 2K 2K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 3K 2K 2K 3K 2K 2K 2K 2K 5K 
-=: أشكال السلاسل الحرفيه‎ 

عاده ما تتمیز بوحود علامات الاقتباس المزدوحه 

‘"var a= "JavaScript Strings 

‘(alert(a.length 

يقوم المتال بالمقارنه بين خاصيa array.length‏ 


string.length aيصاlخو‎ 


2K 5K 5K 5K 5K 5K 5K 5K 5K 5K 2K XK 


يتم التعامل مع المسافات على انها احرف كبيره 


2K 5K 5K 5K 5K 5K 5K 5K 5K 5K 5K XK 


مكونات السلاسل الحرفيه :=- 

تعتبر بمتابه مصفوفات یکون کل عنصر بمنثابه حرف یمکن الاشاره 

اليه بنفس الطريقه التي يشار بها الى عناصر المصغوفه المنظمه 
ويمكنك العتور على هذه الاحرف باستخدام الخاصيa Ostring.chartAt‏ 
التي تتعامل مع رقم فهرس العنصر كوسيط خاص بها 

:""=var str="linger in",newstr 
(var a="First letter:" +str.charAt(O0 


‘(var z="Final letter:" +str.charAt(str.length-1 


}(++for(var i=0;i<str.length;i 


:(if(str.charAt(i)!="i")newstr+ =str.charAt(i 
"else newstr+ ="o 

{ 

"var result="STRINGS\n\n 

"result +="New string:"+newstr+"\n 


(alert(result+a+"\n"+z 


ربط السلاسل الحرفيه :=- 


يستخدم المعامل "+" في الربط بين السلاس الحرفيه ويستخدم على نطاق 
واسع في الكود الخاص 


svar num =99 

‘var flt=98.6 

svar bool=true 

"var str1="Although 

‘""\var str2="F is cited as \"body temperatrue 
"var str3="\nthe 

‘"var str4"range is from about 97 to 

:".var str5="F 


(alert(str1 +flt+str2+str3 + bool +str4+num+str5S 


البحت عن حرف معین داخل سلسله حرفیه :=- 
استخدم الخاصيه ×علہ|. 9٣١۲ء‏ تستخدم فی البحث عن اي حرف 
او سلسله حرفيه فرعيه يتم تعیینها کوسیط 


وفي حاله حدوت التطابق تقوم التقنيه بعرض اول موضع يرد فيه الحرفق 
المطابق او السلسله الحرفيه 


المطابق او السلسله الحرفيه الفرعيه داخل السلسله الحرفيه التي يتم 
البحث عنها 


واذا لم يحدت اي نوع من التطابق فان التقنيه السابق تقوم بعرض القيمه ٠١‏ 


وتستخدم الخاصيه 0۴×ه4١1.و١‏ ٣ء‏ للبحث عن النقط وكذلك الحرف @ داخل 
السلسله الحرقيه 


الخاصه بالبريد الاليكتروني بهدف التاكد من صحتها 
"var str="mailmeQdomain.com‏ 

‘("@")var att=str.indexOf 

:(".")var dot=str.indexOf 

:("#")var hsh=str.indexOf 

"var fmt=((att!=-1)&&(dot!=-1))?"valid":"invalid 
svar res="Format is" +fmt 

res +="\n@ at" +att 

res +="\nDot at" +dot 

res +="\n\nHash is" +hsh 


‘(alert(res 


تقسيم السلسله الحرفيه الواحده :=- 

یتم فصل مکونات السلسله الحرفیه باستخدام تقنیه اأام ۲۱٣3.‏ )ك 
‘"var str="JavaScript in easy steps‏ 

'("")var ss=str.split 

‘"var bk="JavaScript in easy steps | Mike McGrath | $9.99 
:(" | ")var bks=bk.split 

‘[var res="Topic :" +ss[0 

[res +="\nTitle :" +bks[0 


‘[res +="\nAuthor :" +bks[1 


[res +="\nPrice :" +bks[2 


‘(alert(res 


السلاسل الحرفيه الفرعيه :=- 

يمكنك الحصول على سلسله حرفیه فرعیه من السلسله الحرفيه الحالیه 
باستخدام llتaقaıi string.substring‏ 

التي یجب ان تحتوي على وسیطین لتحدید مواضع البدایه والنهايه للسلسله 
الحرفيه الجدیده المطلوبه داخل السلسله الحرفیه الاصلیه 

ويمكنك عرض السلسله الحرفيه الغفرعیه من السلسله الاصلیه باستخدام 
aillتaıi string.substr‏ 

‘"var str="JavaScript in easy steps 

(var sub1=str.substring(14,19)+str.substring(0.11 

(var sub2=str.substr(14,5)+str.substr(0. 10 

‘var res="Substring method :" +sub1 

‘res +="\nSubstr method :" +sub2 


‘(alert(res 


التغيير الى السلاسل الحرفيه :=- 


toString‏ ectزob()‏ تقوم بتحویل انواع اخری من البیانات الی سلاسل 
حرفيه من خلالها 


وتعتبر هذه الداله اساسيه والهدف منها دانما عرض السلسله الحرفقیه 


الخاصه بالكائن الذي تم الاستعلام عنه حتى لو لم يكن هذا الكائن نفسه 


كما يمكنك استخدام هذه التقنيه في اي نص مکتوب بلغه حافا سکربت 


من احل الكشف عن بعض المعلومات التي تتعلق بالكائن 


svar num=9 

svar nostr=num+9 

‘var adstr=num.toString() +9 

‘()var img=new Image 

‘var res="No strings :"+nostr 

‘res +="\nAdded strings :"+adstr 
؛()res‎ +="\nImage :" +img.toString 


‘(alert(res 


تغییر حاله الاحرق :=- 


يمكنك تغییر حاله الاحرف في السلسله الحرفیه باستخدام احدی هذه 


string.toLowerCase gl ()string.toUpperCase 
‘var entry=document.forms[0].textfield.value 
‘("if(entry.toLowerCase() = ="castle" Jalert("Accepted 


‘("else alert("Refused 


الحصول على الاعداد من السلاسل الحرفيه :=- 
يمكنك استخراج عدد من بدایه اللسلسله باستخدام تقنیه 
()parselInt‏ و9 OparseFloat‏ 


e1nt‌rsم()‏ تقوم بتحلیل السلسله الحرفیه وعرض اول قیمه صحیيحه تم 


2tاrseFهم()‏ تقوم بنغفس العمل وبالطریقه نغفسها ولکنها تقوم 
بعرض اعداد تشتمل على علامه عشريیه 


۸ګا() تقوم بالبحث عن فيمه غير عددیه 


"var str="66.6% PASS RATE 


‘(var res="Integer :" +parselInt(str 

‘(var res="\nFloat :" +parseFloat(str 

‘"var badstr="PASS RATE66.6°/o 

‘(res +="\nNon-numeric :"+parseInt(badstr 

:": res +="\nFound 

‘"res +=isNaN(parseInt(badstr))?"Character":" Number 


‘(alert(res 


اع) تقوم بتعیین وسیيط عباره عن سلسله حرفيه تحتوې على الکود الذي 


والمراد التحقق منه التقرير بصحته او خطاه 


‘"var inputname="textfield 
‘""\var inputtext="\"JavaScript Text 


‘("eval(document.forms[0]." +inputname+".value=" +inputtext 


كتابة اكواد للسلاسل الحرفيه :=- 


ChartCodeAt.وinاst()‏ تتطلب هذه التقنیه تعیین فهرس لکل حرف داخل 
السلسله كوسيط لها 


Char Code‏ صstring.from()‏ هذه التقنيه عكس السابقه تمكنك من الحصول 
على الاحرف من الكود الموحد 


"var str="Code Fun 


=var enC 
gu 


=var unC 


}(++for(var i=0;i< str.length;i 


‘"."+(enc += str.charCodeAt(i 

{ 

:(".")var ss=enc.split 

}(++for(var i=0;i< ss.length;i 
‘([unc +=String.fromCharCode(ss([i 


: 


‘(alert("Encoded:"+enc+"\nUnencoded:"+unc 


2K 5K XK 5K XK 2K KK 2K 5K 2K XK 2K 5K 2K KK 2K XK 2K 5K 3K 2K 3K 2K 3K 3K 2K 3K 3K 3K 2K 3K 2K 5K 2K 3K 5K 3K 3K 3K 3K 3K 3K 3K 5K 3K 3K 5K K 

کن اک اکن کن ن کن ن کن کن کن ن کے کن کے کن کے ج کے کے کے کے کے کے ی کی کے ی ج کی ی کے کے ج کی ا کے کے کے کی ی کے ی کے کن کے ن کے کے کے کی کک کا 
3K 5K 5K 5K 5K 5K 2K XK‏ 

2K 5K 2K 5K 5K 2K XK 2F XK 2F 5K 2F KK 2K 5K 2K 3K 2K 2K 3K 2K 3K 3K 2K 3K 2K 3K 2K 3K 2K 3K 3K 2K 3K 2K 3K 2K 3K 3K 2K 3K 3K 2K 3K 2K 3K 2K 3K 2K 3K 5K 5K 3K 
2K 5K 5K 5K 5K 2F 5K 2K 5K 2K 2K 5K 2K 5K 2K kK 


والى هنا نصل الى نهايه الدرس السابع 

وارحوا ان اکون فد افدتکم وانتظروا باقی الدرواس 
واعذرونا على التاخير بسبب اختبارات الجامعه 
تحیاتي اخوکم 

حمود العنزي 


hma2003h911Qyahoo.com 


السلام علیكم ورحمه الله وبرکاته 

کل عام وانتم بخیر 

لا تنسوا اخواننا واهلنا في فلسطين بالدعاء في هذا الشهر الفضيل 
وبقي علينا ستة دروس ونكمل دروس الجافا التي عددها ٠٤‏ درسا 
نبدا بالدرس الثامن اليوم :=- 


بسم الله الرحمن الرحيم 


2K 5K 2K 2K K 2K 2K 2K 3K XK 3K 3K 2K 2K 3K 2K 2K 2K 2K 2K 2K 2K 3K 3K 2K 2K 3K 3K 3K 3K 2K 2K 2K 2K 2K 3K 

منشنئ الكائن :=- 

ويمكن انشاء كاننات مخصصة حديدة بسهولة من خلال الكلمة الرئيسية سwع١‏ 
في لغه حافا سکربت والمنشی ازا 0)() 


المتال التالي يقوم بأنشاء کائن حدید باسم ۵۲ ویقوم بتحدید تلان خصائصضص 
لهذا الكائن ذات قيم محددة 


‘(var car=new Objcet 
‘"car.maker="Porsche 
‘"car.model="Boxster 


‘"car.color="Red 


‘(alert(car.color+""+car.maker+"" +car.model 
KK kK 

لاحظ وحود مسافه بین نیو وبروحکت اعc[ا0‏ ۷ع" 
KK kK‏ 


مثال اخر يقوم بتناول كيفية تحدید کانن حدید لخاصيه في 
كانن تان مخصص وكيف يمكن عرض الخصانص المكتسبه 
‘()var mondeo=new Object‏ 
‘"mondeo.badge="Mondeo‏ 
‘"mondeo.body="Saloon‏ 

‘mondeo.doors=4 

‘"mondeo.color="Red 

‘"mondeo.engine="1.8litre 

‘(var car=new Objcet 

‘"car.maker="Ford 

‘car.model=mondeo 


:(alert(car.maker+"" +car.model.badge+"" +car.model.body 


التنسلسل الخاص ب 00×٥‏ 


يشير )0cument Object Model)DOM‏ في اي متصفح مجموعة من 
الكائنات في 


هذا المتصفح يمكن عرضها من خلال حافا سكربت من احل التاثير على 
اداء المستند الذي تم انشاؤه بلغه ]1۲M1‏ 


وتمتلك 00١M‏ خصائص حتى يمكنها ان تشتمل على مصفوفة من العناصر 
في الويب مثل sەوھ"ا[]‏ مع 


ent.imagesمص0cumه[]‏ کخاصيه في کائن ٤٣٤‏ uعەل‏ الذي سیقوم 
بتخزين عنوان كل صورة موحودة في صفحة الويب 


ويتم تخزين العنوان الخاص بالصورة الاولى في الكود الذي تمت كتابته بلغة 
htm‏ داخJل‏ 


المصغوفه 0]ءeوھn٣"en†.1مocumلd]‏ تم یتم تخزین العنوان الخاص بالصور 
المتتابعه في فهارس 


العناصر الخاصه بالمصفوفه المتزایده 

ولکن لا یعتبر 00M‏ بمتابه مقیاس بين ادوات التصفح 

DOM jİنغZع تختلف‎ Netscape DOM dJذل‎ 

منال 

يقوم هذا المتال بتعيين قيمه للخاصيه /olorث‌document.bgC‏ 
‘"document.bgColor = "black‏ 

XK kK 

عند تنفيذك للكود السابق سوق ترى ان الخلفيه اصبح سوداء 
KK kK‏ 

KK kK 


یمکنك استخدام ترکیب fاعeء‏ لعرض WwW‏ ٥٣اس‏ متتل o۲اہ€وط.۴اe‌s‏ 


XK XK 


استعراض كاتنات الصفحة :=- 


يوضح النص البرمجي التالي کائنات سه لہس الافتراضيه ي كل من اصداري 
المتصفحين 


Netscape 4.7 g Internet Explorer 5.5 
(for(propertyName in window 
:("."+document.write(propertyName 


2K XK 5K Xk 


غير کلمه سهلماس فی الکود في السطر الاول بکلمه ٣٥٤٣۸٤‏ uںع‌هل‏ لمعرفه 
المزید عن کائثنات 50M‏ 

KK XK 

نوع المتصفح :=- 


يحتوي كائنن إاهادوااهہ على خصانص توفر المعلومات المتعلقه بالمتصفح 
الذي يتم استخدامه 


لعرض المستند 
وتقوم خاصية N217٥‏ مator.apوaviہ‏ بعرض اسم المتصفح 


وتقوم خاصية ١10كءإ٥۷دat0or.aوviاهم‏ بعرض رقم الاصدار الخاص بالمتصفح 
بالإضافه تحتوي على مزید من 


التغاصيل الاختياريه 


مثال =:- يقوم المثال القادم بعرض المعلومات الاضافيه للمستخدم خاصة 
بنظام التشغيل 


كما يعرض المتصفغح الخاص بك 


‘var browser = navigator.appName 
‘var version = navigator.appVersion 
‘(alert(browser+"\n" +version 

2K 5K K XK 


في بعض الاحيان يخرح لك نوع المتصفح والاصدار فقط مع اضافه اخر الجمله 
بحرف "" وهذا یدل على مستوی 


التشغفير المتبع عالميا وهو حاص بالنت سكاب عمNetsca‏ 


3K XK 5K 


التعرف على المتصفح :=- 


اضافه خصانص حدیده الی الکائن ۸٣٤‏ cuءمل‏ لتشغيیل المؤترات الدینامیكیيه 
في اغ طd‏ 


شركه ٥مNetsca‏ قدمت خlصيa document.layers‏ 


document.all aيصاخ‎ ءlشناب‎ Mi c050۴ بينما شركة مایکروسوفت‎ 


ومن الافضل ان تقوم بغحص هذه الخصائص من احل التعرف على نوع 
المتصفح والتاكد من قدرته على الكتابه 


بلغه اې طك 


يقوم المنال التالي باختبار ادوات التصفح وفتح الصفحة الخاصه بالمتصفح 
طبقا لادوات التصفح الحديثه 


والقديمه الخاصه بشركة ممھzیاNe‏ وشرکه Microsoft‏ او الصغحه 
الافتراضيه الخاصه بایه 


ادوات تصفح اخری 

‘"if(document.all)window.location = "ie-dhtml.html 
‘"if(document.layers)window.location = "nn-dhtml. html 
} else 


var oldnn = (navigator.appName == "Netscape"&& 
؛(parseInt(navigator.appVersion)<4‎ 


< ‘"location = (oldnn) ? "nn-old.html" : "default.html 


: 


تعتبر ادوات التحكم الخاصه ب × ٠۷اه‏ بمثابه احدى الطرق المستخدمه 


انشاء سمات الواحهة على سمات الويب 


يقوم المثال القادم بكتابة سطر من النص طبقا لنظام التشغيل الذي تحدده 


‘"if(navigator.platform == "Win16")var os="Windows3.1 
‘"if(navigator.platform == "Mac")os="MacOS 
‘"if(navigator.platform == "Win32")os="Windows95 


‘(document.write("Operating system is" +os 


-=: Schockwave جمliرب‎ 


قد تقوم لغه حافا سکربت بعملیه اختبار او فحص لمعرفه ما اذا کان بامکان 
المستخدم 


ان یقوم بعرض فیلم ھ¡d٤ Ma c٥٣‏ hءھا۴‏ وتحمیل ايه صفحة بدیله اذا کان 
ڊبرaliج Schockwave‏ 


غير متاح 


ویمکن استخدام «iوںام.۲هtھوااهہ‏ في ادوات التصفح الخاصه بالنت سکیب 
م 


احل الحصول على برنامجي فلاښش و م2۷س))ع‌ه‌nطع؟‏ وهذه الطریقه لا یمکن 
تدعیمها 


بشکل کامل في متصفح انترنت اکسبلور 

يقوم المتال التالىي بعمليه الفحص ثم يقوم بتحميل الصفحة المحددة طبقا 
"if((navigator.appName == "Microsoft Internet Explorer‏ 
navigator.appVersion.indexOf("Mac") ==-18&&‏ 
(navigator.appVersion.indexOf("3.1") == -1&&‏ 

[| 

(["navigator.plugins&&navigator.plugins["Shockwave Flash) 


navigator.pulgins["Shockwave Flash 2.0"]) window.location = | | 
‘""playflash.html 


else 


‘"window.location = "noflash.html 


اسلوب التعامل مع الاخطاء في لغه حافا ۷ه[ :=- 


یمکن تقیم مستویى كغاءة المتصفح باستخدام لغه حافا من خلال تقنية 
(Onavigator.javaEnabled‏ 


لعرض القيمه البوولينيه صحيحة كانت ام خاطئة 


وتعتبر بمثابه تقنيه خاصة بکانن ۲٥هاھوااهہ‏ ولیست مجرد خاصيه ولذلك فهوي 
یجب ان تکون متبوعه باقواس 


منال 

(Qif(navigator.JjavaEnabled 
‘"window.location = "javapage.html 
else 


‘"window.location = "nonjavapage.html 
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انتهى الدرس الثامن وعن قريب سوق اضع الدرس التاسع لاني كتبته 
بس ما کملته الا الان باقي عليه قلیل حدا 


اشكر حمیع الاخوان الذین راسلون لطلب ارسال الدروس لهم او الاسئله او 


حعلنا الله واياكم في هذا الشهر الفضيل ممن يقوم رمضان ايمانا واحتسابا 
ولا تنسوا اخوانكم من فلسطين بالدعاء في هذا الشهر الفضيل 


اخوكم حمود العنزي 


hma2003h911@Qhotmail.com 


السلام عليكم ورحمة الله وبركاته 

هذا الدرس التاسع من دروس حافا سکربت 

وارحوا ان ينال علی رضاکم 

بسم الله الرحمن الرحيم 

E E E E E a a 

عملية التاكيد :=- 

تعتبر خاصيه ۲۲عاه() بمتابه تقنیه تابعه لکانن س0ل٣‏ !ا 
ویمکن کتابتها کالاتي 

Owindow.alert 


وتعتبر تقنیه .٥-0۸۴1۲٣‏ 40۷٣س‏ بمتابه التقنيه الاولیى في التقنيتين الخاصتين 
بگjil window‏ 


والتي تعرض مربعات نصيه عند استدعانها ويمكن استخدامها للحصول علی 
تاكيد من المستخدم 


في مربع الحوار الذي يحتوي على زر موافق )ه الذي يقوم بعرض ٥۴‏ 1ا۲] وزر 
امcanc‏ الذي یقوم 


بعرض ءءادة۴ للنص البرمجي 

منال 

("evar ask = comfirm("Do you wish to proceed 
svar msg 

‘"if(ask)msg="OK button was pushed 


‘"else msg = "Cancel button was pushed 


‘(document.write(msg 


XK XK 


في هذا المتال تعتبر )ئج بمتابه اختصار ل ( as)‏ = =عtru)‏ 
XK kK‏ 
عمليه الادخال :=- 


تستخدم تقنیه غم ٣٥۲مp.س0لnس(()‏ لاتاحه امکانیه ادخال البیانات الخاصه 
بالمستخدم 


من لوحه المغاتیح عبر مربع حوار یحتوي علی زرین )0 و آاعe٤۸ ٤a‏ 
وتحتاج هذه التقنيه الى اسم المستخدم ولتحديد الرساله التي سيتم عرضها 


وقيمه افتراضيه خاصه بحقل النص واذا لم يتوافر اسم المستخدم في النص 
الافتراضي 


فلن يتم تحدید الرساله 
منال 


:(""."...var user = prompt("Please enter your name 


‘"if(user= =null | | user= ="")user="visitor 


‘("document.write("Hi"+user+",welcom to this page 
XK kK 

لبعا تستطيع تغيير السؤال الى اللغه العربي 
وكذلك الناتج على حسب ما تريد انت 


وکلمه ۲٥آیآا‏ هذه تخرح اذا لم يكتب المستخدم اسم وتستطيع تغييرها الى 
کلمه زائر بالعربي 


او مجهول كما هو موحود في اغلب الصفحات 


3 KK 


اهميه تحدید موضع الاطار :=- 


يحتوي كائن ٣0اtدc‌ها.سowلdہاس‏ على العنوان الكامل الخاص بالمستند الذي 


كما انه يقوم تخزين العنوان الكامل في خاصيa window.location.herf‏ 
وتحديد قیمه حدیده 


له او الکائن ٣٥اځھc‌ها.سهلمiس‏ نفغسه الذي سیقوم بتحمیل العنوان في 


ويتكون العنوان المتالي من 

protocol:/ /host/pathname?#hash 

مثال في هذا المثال ينتقل طكةطا.١هااجةعءه!ا‏ الى الموقع المحدد في الصفحه 
svar locn = "Href:" +location.href‏ 

‘var port = "Protocol:" +location.protocol 

svar host = "Host:" +location.host 

‘var path = "Path:" +location.pathname 

var hash = "Hash:"+location.hash 


‘(alert(locn +"\n" + port+"\n" +host+"\n"+path +"\n"+hash 


الانتقال بين الصفحات :=- 


یحتوي کائن ¡s0۷‏ سowلinس‏ علی مصفوفه خاصه بعناوین المواقع التي 
قمت بزیارتها سابقا 


في احدى نوبات العمل داخل المتصغفح 


وتقوم تقنیتي )هط() و 2۲٩‏ سrتf()‏ الخاصه بکاتن window. history‏ بنغفس 
وظیفیه ازرار 


Backward‏ و ۴r ward‏ فى المتصفح 
ويمكنك الحصول على مزید من المرونه في عملیه الانتقال باستخدام تقنیه 


history.go.سwindow)(‏ التي تقوم بتحدید وسیط واحد من احل تحدید الموقع 
من خلال عنوان تقریبي 


وفي حاله قيام المستخدم بحذف الصفحه السابقه فان هذا المثال سیقوم 
باسترحاع 


الصفحه السابقه من احل تكکمله حقل النص 
‘if(required_input= ="")history.go()-)‏ 
التحميل :=- 


یستخدم کائن ھا ص0.سەindس‏ في تحدید اسم الداله التي یتم استدعاۋؤها 
في الحال بعد ان 


يتم تحميل المستند في المتصفح 


وتقوم الداله أ"أ() بتعيين قيمة للكائن وغالبا ما تستخدم في تعيين عدد من 
القيم داخل 


نص البرمجه 


وتقوم سمه لھها سه في اهاط التي قد تکون مدرحه في (٥۵۷‏ بتحديد داله 
onload‏ 


وینطبق هذا علی کائنن dھoaاn window. nu‏ وسمه 4ھ0امه التي تقوم 
بتحدید الداله بهدف استدعانها 


عندما ينتقل المستخدم الى الموقع الجديد 
ويقوم کانن window.” unload‏ باستدعاء الداله التي تقوم بانشاء 
اطار عندما يغادر المستخدم موقع الويب 


في المتال التالي يقوم بعرض مربع حوار التحذير عندما يخرج المستخدم من 
هذه الصفحه 


}()function goodbye 


‘("alert("Thanks for calling - Come back soon 


: 


‘window.onunload = goodbye 


استخدام شريط الحاله :=- 


یمکن استخدام کائن usںاھاء.سwهلہاiس‏ لعرض الرساله في شریط الحاله 
الخاص 


باطار المتصغفح الى ان تقوم سمه اخرى في المستند المعروض بوضع 
رساله حديده 


في شريط الحاله او يتم ارحاع شريط الحاله الى الوضع الافتراضي 
يمكنك تحديد الرساله الافتراضيه ڊwlتiخدpl window.defauItStatus‏ 
متال 


يقوم هذا المتال الذي یستخدم حافا سکربت داخل علامات لترمیز ٣٤٣۸۱‏ 
بتحدید الرساله 


الافتراضيه واضافه ٥u se٥۷٥‏ "٣ه‏ للرابط الذي یقوم بعرض رساله اخری 
اتناء وحود المؤشر 


على الرابط 

<""BODY ONLOAD = "window.defaultStatus = 'Status Demo> 
"A HREF ="nextpage.htm> 

<"ONMOUSEOVERN ="window.status='Click Here';return true 


<Hypertext Link< /A 


3K XK 5K 


المتال السابق تکتبه بلغه الترمیز ٣٤٣۱‏ 

يعني بالمختصر هکذا یكتب المثال السابق 

<html> 

<""BODY ONLOAD = "window.defaultStatus = 'Status Demo> 
"A HREF ="nextpage.htm> 

<"ONMOUSEOVERN ="window.status='Click Here';return true 
<Hypertext Link< /A 

<html/ > 


XK XK 


الاطارات المنبثقه :=- 


فتح اطار تان في المتصفح لعرض عنوان موقع آخر 


ويمكن حدوث ذلك من خلال الاستعانه بتقنیه 08۸. "۵٥W‏ iس()‏ التي تتطلب 
نلانه 


وسائط لتحديد عنوان الموقع الذي سيتم تحميله في الاطار المنبثق وكذلك 
اسم الاطار 


والسمات المطلوبه 


يقوم المثال التالي بفتح اطار فرعي والذي يتبع في تحميله نفس خطوات 
الاطار الاول 


}(function popup 

"" "window.open("popup.html 
:("top=40,left=40,width=200,height= 100" 
{ 


‘window.onload= popup 


3K KK 


غير الطول والعرض ومكان العرض فوق او تحت او يمين او يسار حسب ما 
تریده انت 

KK XK 

سمات الاطارات المنبتقه := - 

السمه Directs‏ وظیفتها اضافه شریط الروابط 


السمه ٤وام۸‏ وظیفتها تقوم بتحدید الارتغاع فقي مساحه المستند 
باستخدام وحدات البكسل 


السمه ٤۴٥ا‏ وظيغتها احدانى × الخاص بالاطار على الشاشه 
السمه ۸٥ااھc‌ها‏ وظیفتها اضافه شریط العنوان 

السمه ۲ھاuں M۸‏ وظیفتها اضافه اشرطه القوائم القیاسیه 
السمه عءااهایهR‏ وظيفتها تسمح بالتحكم في حجم الاطار 


السمه ك١إهطااهاءك‏ وظيفتها الحصول على اشرطه التمرير عند الحاحه اليها 


السمه usںاهt؟‏ وظیفتها اضافه شریط الحاله 
السمه ۲ھطامه۲ وظیفتها اضافه شریط الازرار مع کل من زر aCkطb‏ و forward‏ 
السمه ۲٠۲‏ وظیغتها احداتي ل الخاص بالاطار على الشاشه 


السمه W1‏ وظیفتها تقوم بتحدید العرض في مساحه المستند باستخدام 
وحدات البكکسل 


تحتاج سمات الابعاد الخاصه بالارتغاع والعرض والطول الى تحديد قيمه 
وحدات البكسل 


ویمکن لجمیع السمات الاخری ان تحتوي علی قیمه عل او ۸٣٥‏ ولکن اذا 
ظهرت السمه في الوسیيط 


یتم تعیین ۷٥‏ کقیمه افتراضيه في الوسيط ولذلك فان القیمه لا تکون بحاحه 
لتحديدها 


منال 
}(Ofunction popup‏ 
"window.open("popup.html‏ "" 


‘("top=40,left=40,width = 200,height= 100,status" 


: 


اغلاق الاطار المنىتق :=- 
یمکن للاطار اغلاق نفسه من خلال التقنیه ع٥sہoاc. doe‏ ہاwW()‏ 


لکن یجب ان یتم تخصیص الاستدعاء الاول لتقنیه ٣۵٥۷.٥8۸‏ آس() لمتغیر 
معین لانشاء کائن سowلdہآw‏ 


ویکتسب کانن W٥ل٣‏ اس الجدید تقنیه ٥‰هاء٤.٥٥ل"iس()‏ التي یمکن 
استخدامها في اغلاق اطار منبثق 


متال 


المثال التالي يقوم بالتحقق من وحود اطار منبثق قبل اغلاقه عندما تخرج 
للمستخدم من الاطار الرئيسي 


‘var popwindow 


}(function popup 


«"popwindow = window.open("popup.html 
«top=40,left=40,width = 200,height= 100,directories" 
‘("location,menubar,resizable,scrollbars,toolbar 

{ 

} Ofunction close_popup 

‘()Jif(popwindow != null)popwindow.close 

{ 

‘window.onload = popup 


‘window.onunload = close_popup 


ضبط الحجم := 


یمکن للمستخدم التحکم بدرحه وضوح الشاشه من خلال خصانص الارتغاع 
والعرض الخاصه بکائن 


window.screen 
متال‎ 


في هذا المتال تقوم حافا سكربت بتحديد درحه الوضوح والحجم الداخلي 
للاطار لكل من المتصفحين 


النت سكيب والانترنت اكسبلور 

if(document.all){ / /Internet Explorer 

svar win_w = window.document.body.clientWidth 
svar win_h = window.document.body.clientHeight 
{ 

if(document.layers){ / /Netscape 

swin_w = window.innerWidth 


swin_h = window.innerHeight 


{ 

}(if(document.all | | document.layers 
svar sCr_W = window.screen.width 
svar scr_h = window.screen.height 


svar res = "Resolution:"+scr_wWw+"x"+scr_h 

svar iwin = "Innerwindow:"+win_w+"x"+win_h 
:(alert(res+"\n"+iwin 

{ 


XX 


ولطباعه المستند في اطار المتصفح قم باستدleء‏ تقaıi Owindow.print‏ 


XK 


مصفوفه المقاطع :=- 


یحتوي کانن s٥٣۳ھ۲؟.سwه0لہاس‏ علی مصفوفه خاصه بجمیيع المقاطع في 
الاطارات التي تم تعريغها 


داخل علامات ترمیز ٣٥56‏ ه۲ الموحوده في اصہاط 


گن که اق کرت ات قو فصن امات لتر من و خائ هة 
باستخدام ترکیب 


[]parent.window.frames 
يمكن عرض المقاطع الفرديه باستخدام ارقام الفهارس الخاصه بها في‎ 


المصفوفه او القیمه التي تم تحدیدها في سمه ٩٣۳ه"٣‏ داخل علامه الترمیز 
frame‏ التي 


کتابتها بلغه ١۳ط‏ ولذلك فان اي مقطع يحمل اسم "۵٣‏ یمکن ان یتم عرضه 
من داخل اي مقطع 


اخر عن ¦ٔرJjı parent.window.franes.main‏ 
منال 


":var framenums = "No.frames 


‘parent.window.frames.length + 
":var framenames = "\nFramel 
‘parent.window.frames[0].name+ 
":var framenames+ = "\nFrame2 
‘parent.window.frames[1].name+ 
":var framenames+ = "\nFrame3 
‘parent.window.frames[2].name+ 


‘(alert(framenums+framenames 


كيفيه الوصول الى المقاطع داخل الاطار :=- 

منال 

}()function next 

‘"parent.frames.btm.window.location = "nextpage.htm 
{ 

}(Ofunction write_header 

‘"var msg = "Frame2<br> Written by Frame1l 
:(parent.frames.hdr.window.document.write(msg 


: 


‘swindow.onload = write_header 


معالجة الاخطاء :=- 


یمکن تعیین داله مخصصه للتعامل مع الاخطاء لکائن wow. ٥٣0۲‏ من 
احل تصحيح الاخطاء 


التي تحدن في وقت التشغيل 


فعندما يواحه المتصفح ايه اخطاء فانه يقوم بالبحث عن معالج الاخطاء 
في النص البرمجي ولکن اذا لم یجده فانه يقوم بمعالجه الاخطاء 
بنفسه من خلال فتح مربچع حوlر browser error‏ 


وعند اکتشاف الخطا یتم عرض قیمه ما۲٤‏ فی المتصفح للاشاره الى ان 


في هذا المتال التالي یتم تعیین کل معلومه خاصه بالخطا في داله ۵۲۳۲0۲۰ 
handler‏ 


من خلال المتصفح من احل مصلحه المستخدم 
‘window.onerror = errorhandler‏ 
}(function errorhandler(msg,url,In‏ 


alert("Error:"+msg+"\nIn File:"+url+"\nAt Line:"+In); return 
‘true 


1 
This is a deliberate mistake/ / 


‘"document.form[theMistake].value="myButton 


س س س س س س س س س س ت س س س ت ت ا س ت Koa o‏ 2 52ے 


انتھی الدرس التاسع 
وارحوا ان اکون قد افدتکم في هذا الدرس 
ولا تنسونا من خالص دعانکم 


ولا تنسونوا اخواننا المجاهدين في فلسطين وافغانستان وكکشمیير 
والشیشيان واندونیسا وفي کل مکان 


من دعانکم في هذه الایام المبارکه 
احوكم حمود العنزي 


hma2003h911Qyahoo.com 


